
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: ''; content: none;}
table {border-collapse: collapse;border-spacing: 0;}

.bg, body {background: #373737 url("../img/bg.png") 0 0 repeat;}
body {line-height: 20px; font-family: 'Helvetica Neue', Helvetica, malgun gothic, Arial, sans-serif; font-size: 14px; font-weight: 300; color: #ececec;}
a {text-decoration: none;}
a:hover {text-decoration: underline;}

/* ============================================================================================
   Login form
   ============================================================================================ */
.login_wrap {margin: 100px auto; width: 320px; padding-right: 32px; color: #a8a7a8; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.8);}
.login_wrap p.tit {text-align:center; font-size:40px; line-height:120%; margin-bottom:10px}
.login_wrap p.tit span {font-size:56px; color:#a6e22e}

input, button, label { font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 15px;font-weight: 300;  box-sizing: border-box;  -webkit-box-sizing: border-box;  -moz-box-sizing: border-box; }
input[type=text], 
input[type=password] {padding: 0 10px; width: 320px; height: 40px; color: #bbb; text-shadow: 1px 1px 1px #000; background: rgba(0, 0, 0, 0.16); border: 0; -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.06);  box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.06);}
input[type=text]:focus, input[type=password]:focus {  color: #fff; background: rgba(0, 0, 0, 0.1);  outline: 0;}
input[type=text] {border-radius: 5px 5px 0 0;}
input[type=password] {border-radius: 0 0 5px 5px;}
label {float: left;  width: 100px;  line-height: 40px;  padding-right: 10px;  font-weight: 100;  letter-spacing: 1px;  text-align: right;}
p.forgot-password {font-size: 13px;  font-weight: 100;  letter-spacing: 1px; text-align:center;}
p.forgot-password a {color: #a6e22e;}

.btnLogin { width:320px; height:40px; border-radius: 5px; border:0; margin: 20px 0 10px 0;
  background-color: #a6e22e;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a6e22e), color-stop(100%, #6f9b00));
  background-image: -webkit-linear-gradient(top, #a6e22e, #6f9b00);
  background-image: -moz-linear-gradient(top, #a6e22e, #6f9b00);
  background-image: -ms-linear-gradient(top, #a6e22e, #6f9b00);
  background-image: -o-linear-gradient(top, #a6e22e, #6f9b00);
  background-image: linear-gradient(top, #a6e22e, #6f9b00);}
  .btnLogin:hover { cursor: pointer; background-color: #6f9b00;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #6f9b00), color-stop(100%, #a6e22e));
  background-image: -webkit-linear-gradient(top, #6f9b00, #a6e22e);
  background-image: -moz-linear-gradient(top, #6f9b00, #a6e22e);
  background-image: -ms-linear-gradient(top, #6f9b00, #a6e22e);
  background-image: -o-linear-gradient(top, #6f9b00, #a6e22e);
  background-image: linear-gradient(top, #6f9b00, #a6e22e);
  -webkit-box-shadow: inset 0 0 0 1px #a6e22e, 0 0 0 5px rgba(0, 0, 0, 0.16);
  box-shadow: inset 0 0 0 1px #a6e22e, 0 0 0 5px rgba(0, 0, 0, 0.16);}

button::-moz-focus-inner, input::-moz-focus-inner {  border: 0;  padding: 0;}

.lt-ie9 input[type=text], .lt-ie9 input[type=password] {  line-height: 40px;  background: #282828;}
.lt-ie9 .login-submit {  position: absolute;  top: 12px;  right: -28px;  padding: 4px;}
.lt-ie9 .login-submit:before, .lt-ie9 .login-submit:after {  display: none;}
.lt-ie9 .login-button {  line-height: 48px;}
.lt-ie9 .about {  background: #313131;}

body.bg2 {background: #373737 url("../img/bg1.png") 0 0 repeat;}

 /* ============================================================================================
   intro
   ============================================================================================ */
div.intro_wrap {margin: 0 auto;}
div.intro_wrap h1 {padding:330px 0 0; text-align:center; font-size:86px; color:#a6e22e}
div.intro_wrap .background-light {height: 0%; width: 70%; left: 0; position: fixed; top: 0;  z-index: 0; }
 
/* ============================================================================================
   Layout
   ============================================================================================ */
body .background-light {height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 0; }
.header {width:100%; height:50px; background:#141517; border:1px solid rgba(255, 255, 255, 0.15)}
.inner {width:960px; margin:0 auto; } 
.header .inner {color:#fff; font-family: 'NanumPenWeb'; }
.content .inner{padding-top:10px; position:relative}   
.col1 {width:680px;}
.col2 {position:absolute; top:10px; right:0; width:250px;}
.col1 p.tit,
.col2 p.tit {font-size:24px; color:#ffffff; padding:20px 0 14px; font-weight:bold}
.col1 p.tit {position:relative}
.col1 p.tit span.total {position:absolute; top:26px; right:0; font-size:12px; font-weight:normal; color:#999}
div.view_wrap {margin-bottom:25px;}
div.view{ background: #141517; border-radius: 8px; padding:15px; text-align:center; margin-bottom:10px; 
 -webkit-box-shadow: inset 0 1px 0 black, 0 1px 0 rgba(255, 255, 255, 0.06);
 -moz-box-shadow: inset 0 1px 0 black, 0 1px 0 rgba(255, 255, 255, 0.06);
 box-shadow: inset 0 1px 0 black, 0 1px 0 rgba(255, 255, 255, 0.06); }
div.pagind{text-align:center; margin:10px 0 0;}
div.paging span.total {margin:0;  color:#999; font-size:16px; display:inline-block; vertical-align:top}  
div.paging {position:relative; text-align:center; }
.slidemove {display:inline-block; cursor:pointer; width:24px; height:24px; }
.next {background: url("../image/next.png") 0 0 no-repeat; top:50; right:0}
.prev {background: url("../image/prev.png") 0 0 no-repeat;}
.next:hover {background-position:0 -27px}
div.member p.tit {border-bottom:1px solid #a6e22e }
div.member ul.list {margin:10px 0 0;}
div.member ul.list li{float:left; display:inline-block; width:86px; position: relative; line-height:170%; background: url("../img/ic_square.png") 0 -19px no-repeat; color: #dddddd; cursor: pointer; padding: 1px 0 3px 25px;}
div.member ul.list li.active {background-position: 0 -47px;}
div.talk {width:250px; height:770px; background: #141517; border-radius: 8px; padding:10px;
 -webkit-box-shadow: inset 0 1px 0 black, 0 1px 0 rgba(255, 255, 255, 0.06);
 -moz-box-shadow: inset 0 1px 0 black, 0 1px 0 rgba(255, 255, 255, 0.06);
 box-shadow: inset 0 1px 0 black, 0 1px 0 rgba(255, 255, 255, 0.06); }
.prev:hover {background-position:0 -27px}
 strong {font-weight:bold}
